
<template>
<footer>
				<div>
					<router-link to="/Shouye">
                        <img src="/static/images/nav-active-1.png" />
					    <p>首页</p>
                    </router-link>
				</div>
				<div>
                    <router-link to="/Market">
                        <img src="/static/images/nav-2.png" />
                        <p>闪送超市</p>
                     </router-link>
				</div>
				<div>
                    <router-link to="/Cart">
                        <img src="/static/images/nav-3.png" />
                        <p>购物车</p>
                     </router-link>
				</div>
				<div>
                    <router-link to="/My">
                        <img src="/static/images/nav-4.png" />
                        <p>我的</p>
                     </router-link>
				</div>
			</footer>
 
</template>

<script>

</script>

<style>
 footer{
	display: flex;
	justify-content: center;
	text-align: center;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(246,246,246,.95);
	z-index: 100;
}
footer div{
	width: 25%;
	font-size:1.2rem;
	color: #777;
	padding: .5rem 0;
}
footer div img{
	width: 30%;
}
</style>
